﻿<UserControl x:Class="Qplus.UI.CreateChatroomControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    d:DesignHeight="768" d:DesignWidth="480"
             xmlns:my="clr-namespace:Qplus">

    <Grid x:Name="LayoutRoot" Height="768" Background="#9c66c5e5">
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
            <RowDefinition />
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>

        <TextBlock Text="创建聊天室" FontSize="40" Foreground="Gray"
                   HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="0"/>
        <TextBox Name="nameTxtBox" Text="请输入聊天室名称"
                 HorizontalAlignment="Center" VerticalAlignment="Center"
                 Grid.Row="1" GotFocus="nameTxtBox_GotFocus" MinWidth="200" />
        <TextBlock Text="选择聊天室豆腐块的颜色吧！" FontSize="30"
                   HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="2"/>
        <Grid Grid.Row="3" >
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <my:ButtonEx x:Name="redBtnEx" Width="101" Height="103" BorderThickness="10"
                         Grid.Column="0" Click="redBtnEx_Click" BorderBrush="#D3FF6E9F">
                <my:ButtonEx.Background>
                    <ImageBrush ImageSource="/Qplus;component/Pic/color_one_normal.png" />
                </my:ButtonEx.Background>
                <my:ButtonEx.PressedBackground>
                    <ImageBrush ImageSource="/Qplus;component/Pic/color_one_pressed.png" />
                </my:ButtonEx.PressedBackground>
            </my:ButtonEx>
            <my:ButtonEx x:Name="yellowBtnEx" Width="101" Height="103" BorderThickness="10"
                         Grid.Column="1" Click="yellowBtnEx_Click" BorderBrush="#CDFF8C0E">
                <my:ButtonEx.Background>
                    <ImageBrush ImageSource="/Qplus;component/Pic/color_two_normal.png" />
                </my:ButtonEx.Background>
                <my:ButtonEx.PressedBackground>
                    <ImageBrush ImageSource="/Qplus;component/Pic/color_two_pressed.png" />
                </my:ButtonEx.PressedBackground>
            </my:ButtonEx>
            <my:ButtonEx x:Name="greenBtnEx" Width="101" Height="103" BorderThickness="10"
                         Grid.Column="2" Click="greenBtnEx_Click" BorderBrush="#E6BAA31C">
                <my:ButtonEx.Background>
                    <ImageBrush ImageSource="/Qplus;component/Pic/color_three_normal.png" />
                </my:ButtonEx.Background>
                <my:ButtonEx.PressedBackground>
                    <ImageBrush ImageSource="/Qplus;component/Pic/color_three_pressed.png" />
                </my:ButtonEx.PressedBackground>
            </my:ButtonEx>
            <my:ButtonEx x:Name="blueBtnEx" Width="101" Height="103" BorderThickness="10"
                         Grid.Column="3" Click="blueBtnEx_Click" BorderBrush="#CD50C2E6">
                <my:ButtonEx.Background>
                    <ImageBrush ImageSource="/Qplus;component/Pic/color_four_normal.png" />
                </my:ButtonEx.Background>
                <my:ButtonEx.PressedBackground>
                    <ImageBrush ImageSource="/Qplus;component/Pic/color_four_pressed.png" />
                </my:ButtonEx.PressedBackground>
            </my:ButtonEx>
        </Grid>
        <my:ButtonEx x:Name="checkBtnEx" Content="确定" Width="155" Height="49"
                     BorderThickness="0" InvisibleMargin="0"
                     Grid.Row="4" Click="checkBtnEx_Click">
            <my:ButtonEx.Background>
                <ImageBrush ImageSource="/Qplus;component/Pic/btn_search_ok.png" />
            </my:ButtonEx.Background>
            <my:ButtonEx.PressedBackground>
                <ImageBrush ImageSource="/Qplus;component/Pic/btn_search_ok_pressed.png" />
            </my:ButtonEx.PressedBackground>
        </my:ButtonEx>
    </Grid>
</UserControl>
